<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a="http://richfaces.org/a4j"
	template="/layout/template-base.xhtml" contentType="text/html"
	markupType="xhtml">

	<ui:define name="content">
		
		<ui:include src="/user.xhtml" />
		
		<h:form>
			<s:decorate template="/layout/content.xhtml">
				<h:panelGrid styleClass="panel border-color-green" columns="1">
					<h:outputText value="#{messages['request.instructions']}" />
				</h:panelGrid>
				
				<div class="clear-it"></div>
				
				<h:outputText value="#{messages['request.data']}"
					styleClass="title color-blue" />
				<h:panelGrid styleClass="panel border-color-blue" columns="4">
					
					<h:outputText value="#{messages['request.name']}" styleClass="color-blue" />
					<h:inputText value="#{solicitudesAction.solicitud.nombre}" />
					
					<h:outputText value="#{messages['request.surname']}" styleClass="color-blue" />
					<h:inputText value="#{solicitudesAction.solicitud.primerApellido}" />
					
					<h:outputText value="#{messages['request.lastname']}" />
					<h:inputText value="#{solicitudesAction.solicitud.segundoApellido}" />
					
					<h:outputText value="#{messages['request.phone']}" />
					<h:inputText value="#{solicitudesAction.solicitud.fijo}" />
					
					<h:outputText value="#{messages['request.mobile']}" />
					<h:inputText value="#{solicitudesAction.solicitud.movil}" />
					
					<h:outputText value="#{messages['request.email']}" styleClass="color-blue" />
					<h:inputText value="#{solicitudesAction.solicitud.email}" />
					
					<h:outputText value="#{messages['request.band.name']}" styleClass="color-blue" />
					<h:inputText value="#{solicitudesAction.solicitud.nombreGrupo}" />
					
				</h:panelGrid>
				
				<div class="clear-it"></div>
				
				<h:outputText value="#{messages['request.comments']}" styleClass="title color-orange" />
				<h:panelGrid styleClass="panel border-color-orange" columns="4">
					<h:inputTextarea value="#{solicitudesAction.solicitud.comentarios}" />
				</h:panelGrid>
	
				<div class="clear-it"></div>
			</s:decorate>
			
			<s:decorate template="/layout/buttonbar.xhtml">
				<a:commandButton value="#{messages['request.save']}" actionListener="#{solicitudesAction.enviarSolicitud()}" 
					styleClass="btn btn-green" reRender="base" />
				<h:commandButton value="#{messages['request.check']}" action="/request/checkrequest.htm" styleClass="btn btn-orange" />
				<h:commandButton value="#{messages['request.back']}" action="/index.htm" styleClass="btn btn-blue">
					<s:conversationPropagation type="end" />
				</h:commandButton>
			</s:decorate>
		</h:form>
	</ui:define>
	
</ui:composition>